body{
  background-color: #000;
}
.wrapper{
  width: 350px;
  padding: 30px 0 ;
  color: #eee;
  background-color: #111;
  margin: 0 auto;
  margin-top: 150px;
  border-radius: 10px;
  border: 1px solid #444;
  text-align: center;
}
.rate-wrapper{
  display: inline-block;
  background:url("../images/star_down.png");
  background-size: 52px;
  height: 50px;
  width: 260px;
  cursor: pointer;
  position: relative;
}
.rate-box{
  background-image: url("../images/star_up.png");
  background-size: 52px;
  height: 50px;
  width: 20%;
}
.rate-wrapper:hover::after{
  content: attr(data-title);
  position: absolute;
  left: 0;
  background-color: #eee;
  color: black;
  padding: 6px 8px;
  border-radius: 3px;
}


